<template>
  <div class="headers">
    <div class="headerNav clearfix">
        <span class="arr" v-on:click="back">&lt;</span>
        <span class="export">{{title}}</span>
        <span class="right_icon"> <img v-bind:src= "src"/> </span>
    </div>
  </div>
</template>
<script>
var defaultImg = require("../images/mainTwo/discuss/01.png")
export default {
    name:'changeHeader',
    props:{
        title:{
            default:"title"
        },
        src:{
            default:defaultImg
        }
    },
    data(){
        return{
            
        }
    },
    methods:{
        back:function(){
            window.history.back(-1)
        }
    }
}
</script>
<style lang="less" scoped>
@pub_main_bgcolor :#ff406f;
 .headers{
        width: 100%;
        background: @pub_main_bgcolor;
        position: fixed;
        padding-top:60/75rem;
        font-size: 36/75rem;
        z-index: 3;
        padding-bottom: 16/75rem;
        .headerNav{
            color: #fff;
        }
        .export{
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            line-height: 60/75rem;
        }
        .arr{
           font-size:44/75rem;
           line-height: 60/75rem;
           font-family: "SimSun";
           margin-left:15/75rem;
        }
       .right_icon{
           float: right;
           margin-right: 15/75rem;
       }

    }
</style>
